<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>豆品</title>
    <link rel="stylesheet" href="./style/header.css">
    <link rel="stylesheet" href="./style/content.css">
    <link rel="stylesheet" href="./style/swiper.css">
    <link rel="stylesheet" href="../../css/index.css">
    <link rel="stylesheet" href="../../css/theme.css">
    <link rel="stylesheet" href="../../css/adaptive.css">
    <link rel="stylesheet" href="./style/adaptive.css">
    <link rel="shortcut icon" href="../../images/icon/favicon.ico" type="image/x-icon">
</head>
<body>
    <div class="nav-top">
        <ul>
            <li><a href="javascript:void(0)">豆瓣</a></li>
            <li><a href="../read/index.html">读书</a></li>
            <li><a href="../../index.html">电影</a></li>
            <li><a href="">音乐</a></li>
            <li><a href="">同城</a></li>
            <li><a href="">小组</a></li>
            <li><a href="">阅读</a></li>
            <li><a href="./index.html">豆品</a></li>
        </ul>
    </div>
    <div class="">
        <div class="header-content flex-between">
            <div class="">
                <img src="./images/logo.svg" alt="">
            </div>
            <div class="nav">
                <ul>
                    <li><a href="">全部商品</a></li>
                    <li><a href="">豆瓣经典</a></li>
                    <li><a href="">家居生活</a></li>
                    <li><a href="">外出旅行</a></li>
                    <li><a href="">文具小物</a></li>
                </ul>
           </div>
           <div class="flex-center header-right">
                <div>
                    <img src="./images/user_large.jpg" alt="" width="20" height="20" class="avatar">
                </div>
                <div>
                    <p><a href="">个人中心</a></p>
                </div>
           </div>
       </div>
      
    </div>
    <div class="swiper">
        <div class="">
           <a href="">
            <img src="./images/file-1703042874-0.jpg" alt="图片" class="swiper-img" width="100%">
           </a>
           <div class="bullet-icon bullet-right ">
            <a href="">
                <svg t="1703656198533" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2845" width="50" height="50"><path d="M761.6 489.6l-432-435.2c-9.6-9.6-25.6-9.6-35.2 0-9.6 9.6-9.6 25.6 0 35.2l416 416-416 425.6c-9.6 9.6-9.6 25.6 0 35.2s25.6 9.6 35.2 0l432-441.6C771.2 515.2 771.2 499.2 761.6 489.6z" p-id="2846" fill="#e6e6e6"></path></svg>
            </a>
           </div>
           <div class="bullet-icon bullet-left ">
                <a href=""><svg t="1703655605591" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1448" width="50" height="50"><path d="M729.6 931.2l-416-425.6 416-416c9.6-9.6 9.6-25.6 0-35.2-9.6-9.6-25.6-9.6-35.2 0l-432 435.2c-9.6 9.6-9.6 25.6 0 35.2l432 441.6c9.6 9.6 25.6 9.6 35.2 0C739.2 956.8 739.2 940.8 729.6 931.2z" p-id="1449" fill="#e6e6e6"></path></svg></a>
           </div>
           <div class="swiper-bullet-box">
            
                <div class="swiper-bottom-bullet swiper-bottom-bullet-active"></div>
                <div class="swiper-bottom-bullet"></div>
            
        </div>
        </div>
        
    </div>
   
    <div class="content">
        
        <h2 class="py-2 text-center">新品首发</h2>
        <div class="divider"></div>
        <div class="figure">
            <div>
                <div>
                    <img src="./images/file-1702830910-0.jpg" alt="" width="350">
                </div>
                <div>
                    <p>
                        「鲤跃龙门」新潮年品 豆品X甘源坚果联名款
                    </p>
                    <small><p class="lightcolor">龙年限定春节伴手礼</p></small>
                </div >
                <div>
                    <span class="hot-color" style="font-size:1.2rem">￥98</span>
                    <span class="price-tags">最高减56元</span>
                </div>
            </div>
            <div>
                <div>
                    <img src="./images/file-1700496025-0.jpg" alt="" width="350">
                </div>
                <div>
                    <p>
                        豆瓣电影随身旅行通用票据夹
                    </p>
                    <small><p class="lightcolor">豆瓣电影随身旅行通用票据夹</p></small>
                </div >
                <div>
                    <span class="hot-color" style="font-size:1.2rem">￥109</span>
                    <span class="price-tags">2件8.8折</span>
                </div>
            </div>
            <div>
                <div>
                    <img src="./images/file-1700496207-0.jpg" alt="" width="350">
                </div>
                <div>
                    <p>
                        豆瓣世界文学之旅防水桌垫
                    </p>
                    <small><p class="lightcolor">做个世界的水手，奔赴所有的港口。</p></small>
                </div >
                <div>
                    <span class="hot-color" style="font-size:1.2rem">￥69</span>
                    <span class="price-tags">2件8.8折</span>
                </div>
            </div>
        </div>
        <div class="py-2">
           <a href="">
            <img src="./images/file-1692198550-0.jpg" alt="" width="100%">
           </a>
        </div>
      
        <div class="">
            <h2 class="py-2 text-center">限时抢购</h2>
            <div class="divider"></div>
           <div class="figure figure-4">
                <div>
                    <div>
                        <img src="./images/file-1698588370-0.jpg" alt="" width="350">
                    </div>
                    <div>
                        <p>
                            我司雇我在 主题礼盒
                        </p>
                        <small><p class="lightcolor">新手打工人职场神器</p></small>
                    </div >
                    <div>
                        <span class="hot-color" style="font-size:1.2rem">￥49</span>
                        <small class="lightcolor"><del>￥69</del></small>
                        <span class="price-tags">最高减30元</span>
                        <span class="price-tags">2件8.8折</span>
                    </div>
                </div>
                <div>
                    <div>
                        <img src="./images/file-1693469222-0.jpg" alt="" width="350">
                    </div>
                    <div>
                        <p>
                            豆瓣小组组学卫衣
                        </p>
                        <small><p class="lightcolor">遇见与你志趣相投的人</p></small>
                    </div >
                    <div>
                        <span class="hot-color" style="font-size:1.2rem">￥99</span>
                        <span class="price-tags">立减20元</span>
                        <span class="price-tags">2件8.8折</span>
                    </div>
                </div>
                <div>
                    <div>
                        <img src="./images/file-1698588316-0.jpg" alt="" width="350">
                    </div>
                    <div>
                        <p>
                            798 X 豆瓣豆品 艺法自然24色水溶彩铅
                        </p>
                        <small><p class="lightcolor">灵感随时画 人均艺术家 </p></small>
                    </div >
                    <div>
                        <span class="hot-color" style="font-size:1.2rem">￥109</span>
                        <small class="lightcolor"><del>￥119</del></small>
                        <span class="price-tags">立减10元</span>
                        <span class="price-tags">2件8.8折</span>
                    </div>
                </div>
                <div>
                    <div>
                        <img src="./images/file-1693469594-0.jpg" alt="" width="350">
                    </div>
                    <div>
                        <p>
                            豆瓣x飞跃帆布鞋2.0
                        </p>
                        <small><p class="lightcolor">搭得刚刚好</p></small>
                    </div >
                    <div>
                        <span class="hot-color" style="font-size:1.2rem">￥133</span>
                        <small class="lightcolor"><del>￥178</del></small>
                        <span class="price-tags">立减45元</span>
                        <span class="price-tags">2件8.8折</span>
                    </div>
                </div>
           </div>
        </div>
        <div>
            <div class="flex-between">
                <h3>
                    与艺术家一起邂逅春日浪漫
                </h3>
                
                <p>
                    <span class="lightcolor thin"><a href="">查看更多</a></span>
                    <svg t="1703656198533" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2845" width="12" height="12"><path d="M761.6 489.6l-432-435.2c-9.6-9.6-25.6-9.6-35.2 0-9.6 9.6-9.6 25.6 0 35.2l416 416-416 425.6c-9.6 9.6-9.6 25.6 0 35.2s25.6 9.6 35.2 0l432-441.6C771.2 515.2 771.2 499.2 761.6 489.6z" p-id="2846" fill="#9b9b9b"></path></svg>
                </p>
            </div>
            <div class="divider"></div>
            <div class="swiper" >
                <div class="">
                   <a href="">
                    <img src="./images/file-1649312169-0.jpg" alt="图片" class="swiper-img" width="100%">
                   </a>
                   <div class="bullet-icon bullet-right ">
                    <a href="">
                        <svg t="1703656198533" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2845" width="50" height="50"><path d="M761.6 489.6l-432-435.2c-9.6-9.6-25.6-9.6-35.2 0-9.6 9.6-9.6 25.6 0 35.2l416 416-416 425.6c-9.6 9.6-9.6 25.6 0 35.2s25.6 9.6 35.2 0l432-441.6C771.2 515.2 771.2 499.2 761.6 489.6z" p-id="2846" fill="#e6e6e6"></path></svg>
                    </a>
                   </div>
                   <div class="bullet-icon bullet-left ">
                        <a href=""><svg t="1703655605591" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1448" width="50" height="50"><path d="M729.6 931.2l-416-425.6 416-416c9.6-9.6 9.6-25.6 0-35.2-9.6-9.6-25.6-9.6-35.2 0l-432 435.2c-9.6 9.6-9.6 25.6 0 35.2l432 441.6c9.6 9.6 25.6 9.6 35.2 0C739.2 956.8 739.2 940.8 729.6 931.2z" p-id="1449" fill="#e6e6e6"></path></svg></a>
                   </div>
                   <div class="swiper-bullet-box">
                        <div class="swiper-bottom-bullet swiper-bottom-bullet-active"></div>
                        <div class="swiper-bottom-bullet"></div>
                        <div class="swiper-bottom-bullet"></div>
                        <div class="swiper-bottom-bullet"></div>
                        <div class="swiper-bottom-bullet"></div>
                </div>
                </div>
                
            </div>
        </div>
        <div class="py-2">
            <div class="flex-between py-">
                <h2 class="text-center">官方小组</h2>
                <div class="lightcolor">
                    <p class="thin">
                        <span>
                            <a href="">查看更多小组讨论 </a>
                        </span>
                        <svg t="1703656198533" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2845" width="12" height="12"><path d="M761.6 489.6l-432-435.2c-9.6-9.6-25.6-9.6-35.2 0-9.6 9.6-9.6 25.6 0 35.2l416 416-416 425.6c-9.6 9.6-9.6 25.6 0 35.2s25.6 9.6 35.2 0l432-441.6C771.2 515.2 771.2 499.2 761.6 489.6z" p-id="2846" fill="#9b9b9b"></path></svg>
                    </p>
                </div>
            </div>
            <div class="divider"></div>
            <div class="group-list">
                <div class="flex-between py-2">
                    <div class="flex-center">
                        <svg t="1703664713492" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5727" width="24" height="24"><path d="M257.29 874.52a27 27 0 0 1-27-26.95V176.43a27 27 0 0 1 27-27h509.42a27 27 0 0 1 26.95 27v671.14a26.95 26.95 0 0 1-40.56 23.26L512.5 730.08 270.86 870.86a27 27 0 0 1-13.57 3.66z m27-671.13v597.28L499 675.58a26.94 26.94 0 0 1 27.18 0l213.61 125V203.39z" fill="#142E4F" p-id="5728"></path><path d="M636 313.89H388a27 27 0 1 1 0-53.9h248a27 27 0 1 1 0 53.9z" fill="#FF9600" p-id="5729"></path></svg>
                        <p class="px-2"><a href="">双11"肩并肩"王炸套装仅此21天</a></p>
                    </div>
                    <div>
                        <p>11-02</p>
                    </div>
                </div>
                <div class="flex-between py-2">
                    <div class="flex-center">
                        <svg t="1703664713492" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5727" width="24" height="24"><path d="M257.29 874.52a27 27 0 0 1-27-26.95V176.43a27 27 0 0 1 27-27h509.42a27 27 0 0 1 26.95 27v671.14a26.95 26.95 0 0 1-40.56 23.26L512.5 730.08 270.86 870.86a27 27 0 0 1-13.57 3.66z m27-671.13v597.28L499 675.58a26.94 26.94 0 0 1 27.18 0l213.61 125V203.39z" fill="#142E4F" p-id="5728"></path><path d="M636 313.89H388a27 27 0 1 1 0-53.9h248a27 27 0 1 1 0 53.9z" fill="#FF9600" p-id="5729"></path></svg>
                        <p class="px-2"><a href="">打工人系列微信表情包上线啦</a></p>
                    </div>
                    <div>
                        <p>11-26</p>
                    </div>
                </div>
                <div class="flex-between py-2">
                    <div class="flex-center">
                        <svg t="1703664713492" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5727" width="24" height="24"><path d="M257.29 874.52a27 27 0 0 1-27-26.95V176.43a27 27 0 0 1 27-27h509.42a27 27 0 0 1 26.95 27v671.14a26.95 26.95 0 0 1-40.56 23.26L512.5 730.08 270.86 870.86a27 27 0 0 1-13.57 3.66z m27-671.13v597.28L499 675.58a26.94 26.94 0 0 1 27.18 0l213.61 125V203.39z" fill="#142E4F" p-id="5728"></path><path d="M636 313.89H388a27 27 0 1 1 0-53.9h248a27 27 0 1 1 0 53.9z" fill="#FF9600" p-id="5729"></path></svg>
                        <p class="px-2"><a href="">【豆瓣2024日程本上新】相信「渐变信仰」的人生，才是不可战胜的夏天</a></p>
                    </div>
                    <div>
                        <p>11-20</p>
                    </div>
                </div>
               
            </div>
        </div>
        
    </div>
    <div class="footer">
        <div class="content flex-between">
            
                <div>
                    <div>
                        <img src="./images/logo2.svg" alt="">
    
                    </div>
                    <div class="lightcolor">
                        <p>
                            © 2023 market.douban.com, all rights reserved 北京豆瓣豆品文化有限公司
                          </p>
                         
                        <p><a href="">营业执照 | <span>【仅销售预包装食品备案编号：YB11105110441015】</span></a></p>
                        <p>出版物经营许可证：新出发京批字第直170330号</p>
                    </div>
                </div>
                <div class="footer-icon flex-between py-2">
                    <div class="flex-center">
                        <svg t="1703666264800" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6790" width="18" height="18"><path d="M808.35715 213.332736c-164.707272-164.709319-432.683537-164.709319-597.333504 0-164.709319 164.649967-164.709319 432.624185 0 597.333504 164.649967 164.709319 432.626231 164.709319 597.333504 0C973.067492 645.956921 973.067492 377.982704 808.35715 213.332736zM765.48983 767.767198c-141.075039 141.077086-370.609783 141.077086-511.627517 0-141.078109-141.017734-141.078109-370.520755 0-511.596817 141.017734-141.017734 370.552477-141.077086 511.627517 0C906.506541 397.188114 906.506541 626.750487 765.48983 767.767198z" fill="#9b9b9b" p-id="6791"></path><path d="M500.686838 686.040848c-20.432355 0.061398-37.063127 16.692171-37.063127 37.095873 0 20.458961 16.630772 37.090756 37.092803 37.090756 20.432355 0 37.066197-16.631796 37.066197-37.151132C537.781688 702.672644 521.147846 686.040848 500.686838 686.040848z" fill="#9b9b9b" p-id="6792"></path><path d="M505.832022 265.144776c-72.362075 0-136.290059 41.640376-158.933779 103.683431-5.26491 14.508435-9.813506 38.620599-5.26491 58.753125 3.048429 13.81975 17.709337 22.974247 31.320333 19.863397 14.117532-3.171226 23.0029-17.23043 19.832697-31.290657-1.556449-7.210215-0.060375-20.132526 3.350304-29.435403 12.533454-34.342156 51.27378-69.043493 109.60735-69.043493 68.681242 0 116.635417 35.091216 116.635417 85.375459 0 37.572734-23.302729 51.1561-64.525596 72.034617-37.303604 18.847254-83.761706 42.241057-83.761706 101.289917L474.092134 629.981065c0 14.478759 11.784394 26.2652 26.204825 26.2652 14.449084 0 26.235524-11.786441 26.235524-26.2652l0-53.606919c0.060375-25.605168 18.936281-36.317137 55.042617-54.504358 41.6107-20.968567 93.421716-47.025013 93.421716-118.820176C674.997839 321.862545 605.418135 265.144776 505.832022 265.144776z" fill="#9b9b9b" p-id="6793"></path></svg>
                        <span class="lightcolor"><a href="">购物说明</a></span>
                    </div>
                    <div class="flex-center">
                        <svg t="1703667205968" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8624" width="18" height="18"><path d="M358.165868 554.624796c-0.533143 0.680499-1.066285 1.391696-1.303692 2.251274l-41.104163 150.700257c-2.400676 8.772804 0.059352 18.226107 6.550183 24.892947 4.860704 4.742001 11.261485 7.350408 18.077727 7.350408 2.252297 0 4.504594-0.267083 6.727215-0.860601l149.630902-40.808428c0.23843 0 0.357134 0.207731 0.534166 0.207731 1.718131 0 3.408633-0.62217 4.683672-1.927909l400.113747-400.054395c11.883655-11.897981 18.404162-28.109198 18.404162-45.74281 0-19.989263-8.476045-39.963177-23.324218-54.767348l-37.786605-37.844933c-14.81645-14.848173-34.822087-23.338544-54.797024-23.338544-17.631566 0-33.842783 6.520507-45.75816 18.388812L358.758362 553.232077C358.344946 553.615816 358.462626 554.179658 358.165868 554.624796M862.924953 257.19778l-39.742143 39.71349-64.428382-65.451688 39.180348-39.179324c6.193049-6.222725 18.194384-5.318122 25.308409 1.822508l37.813211 37.845956c3.943822 3.941775 6.195096 9.18622 6.195096 14.372336C867.223862 250.574942 865.710392 254.42769 862.924953 257.19778M429.322487 560.907896l288.712541-288.728914 64.459081 65.49569L494.314711 625.838721 429.322487 560.907896zM376.718409 677.970032l20.863167-76.580143 55.656601 55.657624L376.718409 677.970032z" fill="#9b9b9b" p-id="8625"></path><path d="M888.265084 415.735539c-15.144932 0-27.562752 12.313443-27.620058 27.665083l0 372.98283c0 19.559475-15.885805 35.444257-35.475979 35.444257L194.220958 851.827709c-19.559475 0-35.504632-15.883759-35.504632-35.444257L158.716326 207.602222c0-19.575848 15.945157-35.474956 35.504632-35.474956l406.367171 0c15.231913 0 27.592428-12.371772 27.592428-27.606755 0-15.202237-12.360516-27.590382-27.592428-27.590382L190.013123 116.930129c-47.684022 0-86.49291 38.779212-86.49291 86.49291L103.520213 820.59231c0 47.713698 38.808888 86.47756 86.49291 86.47756l639.334083 0c47.715745 0 86.509283-38.763862 86.509283-86.47756L915.856489 443.222567C915.794068 428.048983 903.408993 415.735539 888.265084 415.735539" fill="#9b9b9b" p-id="8626"></path></svg>
                        <span class="lightcolor"><a href="">意见反馈</a></span>
                    </div>
                    <div class="flex-center">
                        <svg t="1703667243642" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9732" width="18" height="18"><path d="M950.381817 509.759983c0-242.11834-196.265012-438.384375-438.382329-438.384375-242.11834 0-438.382329 196.266036-438.382329 438.384375 0 242.12755 196.263989 438.392562 438.382329 438.392562 99.394754 0 190.403514-33.816177 263.941368-89.542362 3.0208-3.427052 5.004991-7.79964 5.004991-12.716626 0-10.729365-8.701173-19.431561-19.431561-19.431561-5.570879 0-10.529821 2.209318-14.068414 5.950526l-0.248663 0c-65.804728 48.423873-146.803507 77.415161-234.767931 77.415161-219.23619 0-396.992663-177.780009-396.992663-397.002896 0-219.260749 177.756473-396.99471 396.992663-396.99471 219.258703 0 396.99164 177.73396 396.99164 396.99471 0 66.952878-15.712867 129.98547-45.01831 185.352475l0 0.326435c-0.541329 1.849114-1.127683 3.65218-1.127683 5.636371 0 10.731412 8.701173 19.431561 19.431561 19.431561 8.363482 0 15.35164-5.363148 18.080797-12.759605l0 0.135076C932.008354 650.610918 950.381817 582.350255 950.381817 509.759983zM539.389302 397.050991c0-12.668531-10.32516-22.981411-23.038716-22.981411-12.670577 0-22.973224 10.31288-22.973224 22.981411l0 328.054571c0 12.670577 10.302647 22.994714 22.995737 22.994714 12.713556 0 23.016203-10.324136 23.016203-22.994714 0-0.044002-0.044002-0.091074-0.044002-0.134053L539.3453 397.209604C539.3453 397.164578 539.389302 397.098064 539.389302 397.050991zM516.395612 276.43082c-12.895705 0-23.333428 10.392698-23.333428 23.299659 0 12.875239 10.437723 23.310915 23.333428 23.310915 12.849656 0 23.309892-10.4367 23.309892-23.310915C539.705504 286.823518 529.244244 276.43082 516.395612 276.43082z" fill="#9b9b9b" p-id="9733"></path></svg>
                        <span class="lightcolor"><a href="">商务合作</a></span>
                    </div>
                </div>
            

        </div>
    </div>
</body>
</html>